<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<html>
	<head>
		<title></title>
       <%@ include file="/common/meta.jsp"%>
       <SCRIPT LANGUAGE="Javascript" SRC="FlashChart/swfobject.js"></SCRIPT>
       	<link rel="stylesheet" type="text/css" href="<s:url value="/grid/gt_grid.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/default/skinstyle.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/china/skinstyle.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/vista/skinstyle.css"/>" />
		<link rel="stylesheet" type="text/css" href="<s:url value="/grid/skin/mac/skinstyle.css"/>" />
		<script type="text/javascript" src="<s:url value="/grid/gt_msg_cn.js"/>"></script>
		<script type="text/javascript" src="<s:url value="/grid/gt_grid_all.js"/>"></script>
 		<script language="JavaScript" src="<s:url value="/FusionCharts/FusionCharts.js"/>"></script>
 		<style>
 		.ddbox{background-color:#e5ecf9;border-bottom:1px solid #bacddc;padding:2px 5px 2px 5px;font-size:110%;height:25px}
 		.t10 { 
		    BORDER-RIGHT: #ffff00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffff00 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffff00 1px solid; COLOR: #ffff00; PADDING-TOP: 5px; BORDER-BOTTOM: #ffff00 1px solid; HEIGHT: 20px; BACKGROUND-COLOR:#2f4f4f 
		} 
		.t10:hover { 
		    BORDER-RIGHT: #0000ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0000ff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #0000ff 1px solid; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: #0000ff 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #c8d8f0 
		}
 		</style>
	</head>
	<body style="margin: 0px; margin: 2px;">
		
		<div  id="grid_container">
			<div class="ddbox" id="grid_m_container" style="width:100%;height:70px;margin:5px;border: 1px solid #C1DAD7;">
				<b><font color="#2f4f4f">说明：</font></b>
				<b><font color="#2f4f4f">当前为第一季度《生活资助》 申报</font></b>
				<a class="t10" href="jfhsb!preJfhsh.do"><b><font color="white">生活资助申报填写</font></b></a>
				<br><br>
				<select style="width:150px">
					<option>姓名</option>
				</select>
				<input type="button" class="button3" value="查&nbsp&nbsp询">
				<input type="button" class="button3" value="数&nbsp据&nbsp提&nbsp交">
				<font color="red">(注：从以下列表中选择相应数据提交)</font>
			</div>
			<div id="grid_d_container"  style="width:100%;height:250px;margin:5px;border: 1px solid #C1DAD7;"></div>
			
			<div class="ddbox" style="width:100%;margin-bottom:3px;margin:5px">
			<b><font color="red">已申报数据</font></b>
			&nbsp&nbsp&nbsp&nbsp
			<select style="width:150px">
				<option>姓名</option>
			</select>
			<input type="button" class="button3" value="查&nbsp&nbsp询">
			</div>
			<div id="grid_x_container" style="width:100%;height:190px;margin:5px;border: 1px solid #C1DAD7;"></div>
		</div>
	</body>

	<script type="text/javascript">
	$('grid_container').style.height = (getSize().h - 20)+"px"; 
	
	var APP_PATH = '<c:url value="/"/>';
	var grid_demo_id = "myGrid1";
	var dsOption = {
		fields :  [ {name : 'RCID'},
					{name : 'RCNAME'}, 
		   		    {name : 'SEX_MC'}, 
		   		    {name : 'NATION_MC'},
		   		    {name : 'JG_MC'},  
		   		    {name : 'ZJLB_MC'}, 
		   		    {name : 'ZJNO'}, 
		   		    {name : 'RCLB_MC'}, 
					{name : 'XL_MC'}, 
					{name : 'XW_MC'}, 
					{name : 'ZC_MC'}, 
					{name : 'ZW'}, 
					{name : 'WORKUNIT'}, 
					{name : 'ZGBM_MC'}, 
					{name : 'DWDQ_MC'}, 
					{name : 'XXZY_MC'}, 
					{name : 'CSZY_MC'}
					/*,
					{name : 'url' }
					*/
					]
	};

	var colsOption = [ 
	 {
		id : 'RCNAME',
		header : "序号",
		headAlign:"center",
		width : 60,
		align : "left"
	}, {
		id : 'SEX_MC',
		header : "身份证号",
		width : 100,
		headAlign:"center",
		align : "center"
		
	}, {
		id : 'NATION_MC',
		header : "姓名",
		headAlign:"center",
		width : 100,
		align : "left"
	}, 
	 {
		id : 'JG_MC',
		header : "性别",
		headAlign:"center",
		width : 100,
		align : "left"
	},{
		id : 'ZJLB_MC',
		header : "年龄",
		headAlign:"center",
		width : 80,
		align : "center"
	}, {
		id : 'ZJNO',
		header : "学历/学位或职称/职务",
		headAlign:"center",
		width : 150,
		align : "left"
	}, {
		id : 'RCLB_MC',
		header : "专业特长",
		headAlign:"center",
		align : "left"
	}, {
		id : 'XL_MC',
		header : "生活经费资助",
		width : 100,
		headAlign:"center",
		align : "center"
	}, {
		id : 'XL_MC',
		header : "住房补助",
		width : 100,
		headAlign:"center",
		align : "center"
	}, {
		id : 'XL_MC',
		header : "补贴标准",
		width : 100,
		headAlign:"center",
		align : "center"
	}, {
		id : 'XL_MC',
		header : "总额",
		width : 100,
		headAlign:"center",
		align : "center"
	}
	/**
	, {
		id : 'URL',
		header : "详细",
		align : "center", 
		renderer : function(v){
			return '<a href="'+ APP_PATH +'/#" >详情</a>';
		}
	}
	*/
	 ];

	var gridOption = {
		id : grid_demo_id,
		skin : "vista",
		width : "100%",
		height : "100%",
		pageSize : 25,
		container : 'grid_d_container',
		showGridMenu : true,
		allowCustomSkin : true,
		allowFreeze : true,
		allowHide : true,
		allowGroup : true,
		stripeRows : true,
		toolbarContent : 'nav | goto | pagesize | reload | export xls | print | filter | state | info',
		pageSizeList : [ 25, 50, 100, 200, 500 ],
		lightOverRow : true,
		showIndexColumn : false,
		dataset : dsOption,
		columns : colsOption,
		remoteSort : true,
		remoteFilter : true,
		loadURL : APP_PATH + '/query!getList.do',
		exportURL : APP_PATH + '/query!exportList.do',
		exportFileName : "列表",
		autoLoad : false,
		showIndexColumn : true,
		parameters:{}
	};
	
	var gridOptionx = {
		id : grid_demo_id,
		skin : "vista",
		width : "100%",
		height : "100%",
		pageSize : 25,
		container : 'grid_x_container',
		showGridMenu : true,
		allowCustomSkin : true,
		allowFreeze : true,
		allowHide : true,
		allowGroup : true,
		stripeRows : true,
		toolbarContent : 'nav | goto | pagesize | reload | export xls | print | filter | state | info',
		pageSizeList : [ 25, 50, 100, 200, 500 ],
		lightOverRow : true,
		showIndexColumn : false,
		dataset : dsOption,
		columns : colsOption,
		remoteSort : true,
		remoteFilter : true,
		loadURL : APP_PATH + '/query!getList.do',
		exportURL : APP_PATH + '/query!exportList.do',
		exportFileName : "列表",
		autoLoad : false,
		showIndexColumn : true,
		parameters:{}
	};
	
	var mygrid = new Sigma.Grid(gridOption);
	Event.observe(window, "load", function() {
		mygrid.render();
	}, true);
	
	
	var mygridx = new Sigma.Grid(gridOptionx);
	Event.observe(window, "load", function() {
		mygridx.render();
	}, true);
	</script>

</html>